<template>
  <div class="home-box">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </div>
</template>
<script lang="ts" setup>
import { set } from 'lodash-es'
import { EChartsOption } from 'echarts'
import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
import { pieOptions, barOptions } from './echarts-data'

defineOptions({ name: 'Home' })

// const { t } = useI18n()
// const loading = ref(true)
// const avatar = userStore.getUser.avatar
// const username = userStore.getUser.nickname
// const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
// // 获取统计数
// let totalSate = reactive<WorkplaceTotal>({
//   project: 0,
//   access: 0,
//   todo: 0
// })

// const getCount = async () => {
//   const data = {
//     project: 40,
//     access: 2340,
//     todo: 10
//   }
//   totalSate = Object.assign(totalSate, data)
// }

// // 获取项目数
// let projects = reactive<Project[]>([])
// const getProject = async () => {
//   const data = [
//     {
//       name: 'ruoyi-vue-pro',
//       icon: 'akar-icons:github-fill',
//       message: 'https://github.com/YunaiV/ruoyi-vue-pro',
//       personal: 'Spring Boot 单体架构',
//       time: new Date()
//     },
//     {
//       name: 'yudao-ui-admin-vue3',
//       icon: 'logos:vue',
//       message: 'https://github.com/yudaocode/yudao-ui-admin-vue3',
//       personal: 'Vue3 + element-plus',
//       time: new Date()
//     },
//     {
//       name: 'yudao-ui-admin-vben',
//       icon: 'logos:vue',
//       message: 'https://github.com/yudaocode/yudao-ui-admin-vben',
//       personal: 'Vue3 + vben(antd)',
//       time: new Date()
//     },
//     {
//       name: 'yudao-cloud',
//       icon: 'akar-icons:github',
//       message: 'https://github.com/YunaiV/yudao-cloud',
//       personal: 'Spring Cloud 微服务架构',
//       time: new Date()
//     },
//     {
//       name: 'yudao-ui-mall-uniapp',
//       icon: 'logos:vue',
//       message: 'https://github.com/yudaocode/yudao-ui-admin-uniapp',
//       personal: 'Vue3 + uniapp',
//       time: new Date()
//     },
//     {
//       name: 'yudao-ui-admin-vue2',
//       icon: 'logos:vue',
//       message: 'https://github.com/yudaocode/yudao-ui-admin-vue2',
//       personal: 'Vue2 + element-ui',
//       time: new Date()
//     }
//   ]
//   projects = Object.assign(projects, data)
// }

// // 获取通知公告
// let notice = reactive<Notice[]>([])
// const getNotice = async () => {
//   const data = [
//     {
//       title: '系统支持 JDK 8/17/21，Vue 2/3',
//       type: '通知',
//       keys: ['通知', '8', '17', '21', '2', '3'],
//       date: new Date()
//     },
//     {
//       title: '后端提供 Spring Boot 2.7/3.2 + Cloud 双架构',
//       type: '公告',
//       keys: ['公告', 'Boot', 'Cloud'],
//       date: new Date()
//     },
//     {
//       title: '全部开源，个人与企业可 100% 直接使用，无需授权',
//       type: '通知',
//       keys: ['通知', '无需授权'],
//       date: new Date()
//     },
//     {
//       title: '国内使用最广泛的快速开发平台，超 300+ 人贡献',
//       type: '公告',
//       keys: ['公告', '最广泛'],
//       date: new Date()
//     }
//   ]
//   notice = Object.assign(notice, data)
// }

// // 获取快捷入口
// let shortcut = reactive<Shortcut[]>([])

// const getShortcut = async () => {
//   const data = [
//     {
//       name: 'Github',
//       icon: 'akar-icons:github-fill',
//       url: 'github.io'
//     },
//     {
//       name: 'Vue',
//       icon: 'logos:vue',
//       url: 'vuejs.org'
//     },
//     {
//       name: 'Vite',
//       icon: 'vscode-icons:file-type-vite',
//       url: 'https://vitejs.dev/'
//     },
//     {
//       name: 'Angular',
//       icon: 'logos:angular-icon',
//       url: 'github.io'
//     },
//     {
//       name: 'React',
//       icon: 'logos:react',
//       url: 'github.io'
//     },
//     {
//       name: 'Webpack',
//       icon: 'logos:webpack',
//       url: 'github.io'
//     }
//   ]
//   shortcut = Object.assign(shortcut, data)
// }

// // 用户来源
// const getUserAccessSource = async () => {
//   const data = [
//     { value: 335, name: 'analysis.directAccess' },
//     { value: 310, name: 'analysis.mailMarketing' },
//     { value: 234, name: 'analysis.allianceAdvertising' },
//     { value: 135, name: 'analysis.videoAdvertising' },
//     { value: 1548, name: 'analysis.searchEngines' }
//   ]
//   set(
//     pieOptionsData,
//     'legend.data',
//     data.map((v) => t(v.name))
//   )
//   pieOptionsData!.series![0].data = data.map((v) => {
//     return {
//       name: t(v.name),
//       value: v.value
//     }
//   })
// }
// const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption

// // 周活跃量
// const getWeeklyUserActivity = async () => {
//   const data = [
//     { value: 13253, name: 'analysis.monday' },
//     { value: 34235, name: 'analysis.tuesday' },
//     { value: 26321, name: 'analysis.wednesday' },
//     { value: 12340, name: 'analysis.thursday' },
//     { value: 24643, name: 'analysis.friday' },
//     { value: 1322, name: 'analysis.saturday' },
//     { value: 1324, name: 'analysis.sunday' }
//   ]
//   set(
//     barOptionsData,
//     'xAxis.data',
//     data.map((v) => t(v.name))
//   )
//   set(barOptionsData, 'series', [
//     {
//       name: t('analysis.activeQuantity'),
//       data: data.map((v) => v.value),
//       type: 'bar'
//     }
//   ])
// }

// const getAllApi = async () => {
//   await Promise.all([
//     getCount(),
//     getProject(),
//     getNotice(),
//     getShortcut(),
//     getUserAccessSource(),
//     getWeeklyUserActivity()
//   ])
//   loading.value = false
// }

// getAllApi()
</script>
<style lang="scss" scoped>
.home-box {
  width: 100vw;
  height: 100vh;
  background-image: url('@/assets/patient/home/home-bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
}
</style>